$color-bg: #F9F9F9;
.evaluation{
    background-color: #fff;
    .evaluation-show{
        padding: .36rem .36rem .1rem .36rem;
        box-sizing: border-box;
        .left{
            text-align: center;
            margin-right: .3rem;              
            white-space: nowrap;
            .name{
                color: #656565;
                font-size: .26rem;
            }
            .number{
                color: #4A4A4A;
                font-size: .36rem;
            }
        }
        .right{
            position: relative;
            padding-left: .3rem;
            flex: auto;
            >div{
                white-space: nowrap;
                display: inline-block;
                width: 50%;
                margin-top: .16rem;
                >div{
                    display: inline-block;
                }
            }
            .name{
                color: $color-text-regular;
                font-size: .24rem;
                margin-right: .1rem;
            }
            .pingjia{
                font-size: .24rem;
                margin-left: .1rem;
            }
            .pingjia_1{color: $color-warning}
            .pingjia_2{color: $color-warning}
            .pingjia_3{color: #ccc}
            .pingjia_4{color: #ccc}
            &:after{
                position: absolute;
                content: "";
                left: 0px;
                top: 0px;
                width: 1px;
                height: 100%;
                background: #e5e5e5;
            }
        }
    }
    .list{
        padding: 0px .24rem .24rem .24rem; 
        box-sizing: border-box;
        .item{
            .inner-box{
                width: 100%;
            }
            .after-reinner{
                color: $color-danger;
                margin-top: .3rem;
                margin-bottom: .1rem;
            }
            margin-top: .4rem;
            border-bottom: 1px solid #e5e5e5;
            padding-bottom: .32rem;
            &:nth-last-child(1){
                border-bottom-width: 0px;
            }
            .head-img-ipc{
                width: .74rem;
                height: .74rem;
                border-radius: 100%;
                margin-right: .2rem;
                background: $color-page-background;
            }
            .name{
                color: #282828;
                font-size: .28rem;
                line-height: 1em;
                // width: 4rem;
                display: inline-block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            .time{
                text-align: right;
                color: #959595;
                font-size: .24rem;
                line-height: .9em;
            }
            .evaluation{
                color: #959595;
                font-size: .24rem;
                margin-bottom: .25rem;
            }
            .inner{
                font-size: .28rem;
                color:rgba(40,40,40,1);
            }
            .img{
                margin-top: .12rem;
            }
            .img-ipc{
                margin-right: .1rem;
                margin-bottom: .1rem;
                width: 1.68rem;
                height: 1.68rem;
                border-radius: .1rem;
                background: $color-page-background;
            }
            .reply{
               border-radius: .1rem;
               padding: .3rem .24rem;
               box-sizing: border-box;
               background-color: #FAFAFA;
               margin-top: .2rem;
               .name{
                    color: #BEBEBE;
                    font-size: .24rem;
                }
               .time{
                   color: #BEBEBE;
                   font-size: .24rem;
               }
               .reply-inner{
                   margin-top: .2rem;
                   font-size: .28rem;
               } 
            }
        }
    }
}
.bottom-nil-data-tip{
    position: relative;
    margin: .5rem .24rem;
    height: 30px;
    white-space: nowrap;
    &::after{
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        left: 0px;
        top: 0px;
        bottom: 0px;
        height: 1px;
        margin: auto;
        background-color: #E5E5E5;
    }
    .text{
        color: #AAAAAA;
        font-size: .24rem;
        position: absolute;
        z-index: 2;
        text-align: center;
        line-height: 30px;
        left: 50%;
        transform: translate(-50%, 0%);
        background-color: $color-bg;
        padding-left: 10px;
        padding-right: 10px;
    }
}